/* 
    Document   : DayPlannerCSS
    Created on : May 10, 2013, 6:27:39 PM
    Author     : Not Stephen
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
#leftDayPlanner{
    position:absolute;
    left:0px;
    width:200px;
    height:100%;
    background-color: #cccccc;
    
}
#centerDayPlanner{
    position:absolute;
    left:10px;
    width:1085px;
    height:100%;
    background-color:#dddddd;
    overflow: auto;
}
#rightDayPlanner{
    position:absolute;
    z-index: 4;
    left:15%;
    width:75%;
    margin-top:2%;
    height:80%;
    background-color: #eeeeee;
    display:none;
    overflow:auto;
    border-width: 2px;
    border-style: double;
}
#dateSelect{
}
.chooseDateButton{
    width:200px;
}
#schedule{
    float:left;
}
.outerBox{
    border-style: solid;
    border-width: 1px;
    width:145px;
    height:145px;
    display:inline-block;
    margin-left: 4px;
    margin-bottom: 4px;
    background-color: #ffdd80;
}
.heading{
    display:inline-block;
    width:100%;
    background-color: #ffdd80;
    text-align: center;
    font-family:monospace;
    margin-top: 0px;
}
.innerBox{
    width:100%;
    height:84.5%;
    background-color:#FFFFFF;
    font-size: 8px;
    overflow:hidden;
}
.innerBox:hover{
    background-color:#aaaaaa;
}
.dpInput_Small{
    font-size:8px;
    border:none;
    width:50px;
}
.dpInput{
    background-color: #FFFFFF;
    border:none;
}
#closePopup{
    float:right;
}
#hourDiv{
    width: 100px;
    height:available;
    overflow:auto;
}
.hour1{
    display:inline-block;
    /* width:5%; 
    line-height: 25px;*/
    background-color: #dddddd;
    height:25px;    
    width:96%;
    margin-left: 2%;
    font-size: 18px;
}
.hour2{
    display:inline-block;
    height:25px;
    /*   width:10%; */
    font-size: 18px;
    width:96%;
    margin-left: 2%;
}
textarea{
    
    margin-left: 2%;
    width:96%;
}
.contentButton{
   float:right;
}
.hour1:hover{
   background-color:#ffdd80; 
}
.hour2:hover{
    background-color:#ffdd80;
}
.content{
    width:90%;
    display:none;
    height:200px;
}
.mainDPDiv{
    display:none;
}
.stopoverDiv{
    display:none;
}
.invisible{
    display:none;
}
.groupingDP{
    margin-left:2%;
    display:inline-block;
    width:96%;
    height:25px;
    border-style:dashed;
    border-width: 1px;
}
.groupingDP:hover{
    background-color:#ffdd80;
}